<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/close.css"/>
		<script src="/lib/requirejs/require.js" data-main = "/js/close"></script>
		<title>网页考拉-结算页面</title>
	</head>
	<body>
		<!--网页头部-->
		<header></header>
		<!--结算页面-->
		<div id="docSettlement">
			<div class="settlement">
				<div class="top">
					<p>选取收货地址</p>
					<div class="total">
						<div class="item">
							<span>
								<i>*</i>所在地区
							</span>
							<div class="t1">
								<select class="province">
									<option value="请选择省份">请输入省份</option>
								</select>
								<select class="city">
									<option value="请选择城市">请输入城市</option>
								</select>
								<select class="district">
									<option value="请选择区县">请输入区县</option>
								</select>
							</div>
						</div>
						<div class="item t2">
							<span>
								<i>*</i>详细地址
							</span>
							<textarea name="" class="tt2" placeholder="无需重复填写省市区，小于75个字"></textarea>
						</div>
						<div class="item t3">
							<span>
								<i>*</i>收货人姓名
							</span>
							<input type="text" placeholder="不能为昵称、X先生、X小姐等，请使用真实姓名"/>
						</div>
						<div class="item t4">
							<span>
								<i>*</i>手机号码
							</span>
							<input type="text" placeholder="手机号码、电话号码必须填一项"/>
						</div>
						<div class="item t5">
							<span>
								电话号码
							</span>
							<input type="text" placeholder="区号"/>-
							<input type="text" placeholder="电话号码"/>-
							<input type="text" placeholder="分机号(可选)"/>
						</div>
						<div class="item t6">
							<span>
								邮箱
							</span>
							<input type="text" placeholder="接受订单提醒邮件，便于您及时了解订单状态"/>
						</div>
						<span>保存新地址</span>
					</div>
				</div>
				<!--下部分-->
				<div class="show hide">
					<p>
						<span>确认商品信息</span>
						因商品来自不同仓库或商家，我们将安排最优的仓库为你发货
					</p>
					<!--结算-->
				<table class="cart-table table table-bordered" bgcolor="#fffbf0" border="1" cellpadding="0" cellspacing="0" bgcolor="#fff" style="text-align: center;">
					<thead >
						<tr>
							<th height="40">序号</th>
							<th>图片</th>
							<th>标题</th>
							<th>原价(元)</th>
							<th>现价(元)</th>
							<th>数量</th>
							<th>小计</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
					<tfoot>
						<tr height="30" bgcolor="#f8f8f8">
							<td colspan="2">合计</td>
							<td colspan="4" class="mmtotal" >0</td>
							<td colspan="1" bgcolor="red" style="cursor: pointer;"><a href="#">确认订单</a></td>
						</tr>
					</tfoot>
				</table>
				</div>
				<div class="empty">
					Please click here to enter <span class="shouye">the front page</span> or <span class="detail">shopping cart details page</span>.
				</div>
			</div>
		</div>
		<!--网页尾部-->
		<footer></footer>
		
	<!-- art-Template 模板引擎 -->
	<script type="text/html" id="cart-body-template">
		{{each products prod}}
		<tr height="80">
			<td width="45" class="id">{{prod.id}}</td>
			<td width="90"><img src="{{prod.img}}" alt="" class="img"></td>
			<td width="400" class="title">{{prod.title}}</td>
			<td width="90" class="oriprice"><del>{{prod.oriprice}}</del></td>
			<td width="90" class="price">{{prod.price}}</td>
			<td width="300">{{prod.amount}}</td>
			<td width="100" class="sub">{{prod.price*prod.amount}}</td>
		</tr>
		{{/each}}
	</script>
	</body>
</html>
